<template>
  <div class="elh2">
    <div class="marginTop"></div>
    <div class="el-h2">
      <span class="el-h2-title">
          <slot></slot>
      </span>
    </div>
    <div class="marginBottom"></div>
  </div>
</template>

<script>
export default {
  name: 'ElH2'
}
</script>

<style scoped>

.elh2 {
  page-break-inside: avoid;
}

.marginTop {
  height: 40px;
}

.marginBottom {
  height: 40px;
}

.el-h2 {
  margin: auto;
  text-align: center;
  /* margin-top: 40px;
  margin-bottom: 40px; */
}

.el-h2-title {
  position: relative;
  color: var(--vp-c-indigo-1) !important;
}

h2 {
  color: var(--vp-c-indigo-1) !important;
  margin: 5px 0 !important;
  display: inline !important;
  font-weight: bold
}
</style>